<template>
    <div class="tabbar-user">
        <user-header :isLogin="isLogin"/>
        <order-group/>
        <user-module/>

    </div>
</template>

<script>
    import userHeader from './tabbar-user-header';
    import orderGroup from './tabbar-user-order';
    import couponGroup from './tabbar-user-coupon';
    import userModule from './tabbar-user-module';
    import {getLocalStorage, setLocalStorage} from '@/utils/local-storage';
    import {authProfile, regcaptcha} from "@/api/api";
    import {Toast} from "vant";

    export default {
        data() {
            return {
                dialogShow: false,
                isLogin: false,
                regcaptcha: '',
                phone: '',
                isPhone: false,
                btnDisabled: false,
                btnText: '获取验证码',
                errormessage: '',

            };
        },

        watch: {
            phone(val) {
                //手机号验证
                var reg = /^1[3456789]\d{9}$/;
                if (val != '') {
                    if (reg.test(val)) {
                        this.isPhone = true
                        this.errormessage = ''
                    } else {
                        this.errormessage = '手机号格式不正确'
                    }
                }
            }
        },
        activated() {
            this.getLoginStatus();
        },
        methods: {
            // beforeClose(action, done){
            //     if(this.phone && this.isPhone && this.regcaptcha){
            //         authProfile({
            //             mobile:this.phone,
            //             code:this.regcaptcha
            //         }).then(res => {
            //             this.dialogShow = false
            //             Toast("绑定成功");
            //             setLocalStorage({mobile: this.phone});
            //             done()
            //         }).catch(error => {
            //             Toast(error.data.errmsg);
            //             // 阻止弹窗关闭
            //             done(false)
            //         });
            //     }else{
            //         Toast('请检查手机号和验证码');
            //         // 阻止弹窗关闭
            //         done(false)
            //     }
            // },
            // confirm() {
            //
            // },
            // sendSms() {
            //     let that = this
            //     if (this.isPhone) {
            //         regcaptcha(
            //             {
            //                 mobile: this.phone
            //             }
            //         ).then(res => {
            //             that.getSecond(60)
            //         }).catch(error => {
            //             Toast(error.data.errmsg);
            //         });
            //     }
            // },
            // getSecond(wait){
            //     let _this=this;
            //     let _wait = wait;
            //     if(wait == 0) {
            //         this.btnDisabled=false;
            //         this.btnText="获取验证码"
            //         wait = _wait;
            //     } else {
            //         this.btnDisabled=true;
            //         this.btnText="验证码(" + wait + "s)"
            //         wait--;
            //         setTimeout(function() {
            //                 _this.getSecond(wait);
            //             },
            //             1000);
            //     }
            // },
            getLoginStatus() {
                let flag = localStorage.getItem('Authorization');
                // if (!flag) {
                //     this.dialogShow = false
                // }
                this.isLogin = !!flag
            }
        },
        mounted() {
            // alert(this.$router.query.pid)
            let test = window.location.href;
            let pid = test.split("?pid=")[1];
            if (pid) {
                // alert(pid)
                setLocalStorage({pid: pid});
            }
        },


        components: {
            [userHeader.name]: userHeader,
            [orderGroup.name]: orderGroup,
            [couponGroup.name]: couponGroup,
            [userModule.name]: userModule
        }
    };
</script>


<style scoped lang="scss">
    .tabbar-user {
        > div {
            margin-bottom: 10px;
        }

        &__quit {
            border: 0;
            border-radius: 0;
        }
    }
</style>
